<template>
  <div class="left">
    <!-- 

        组件文件命名，应该是多词格式
        1. myleft.vue
        2. MyLeft.vue
        3. my-left.vue

        如果组件文件名只有一个词，不符合规范名，也可以在js代码中，通过定义name来解决问题
     -->
     <ArtList></ArtList> 
     <art-list></art-list>
  </div>
</template>

<script>
import ArtList from './ArtList.vue';
export default {
  components: { ArtList },
  name: "myy-left",
};
</script>

<style>
.left {
  min-height: 200px;
  background-color: orange;
}
</style>